<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>训练日-运动约练平台/教练招募中!</title>
<meta name="keywords" content="cgeasy">
<meta name="description" content="cgeasy">

<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
<link href="/include/main.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/css/jquery.jslides.css" media="screen" />


<script type="text/javascript" src="/js/jquery.1.10.1.min.js"></script>
<script type="text/javascript" src="/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/jquery.jslides.js"></script>


</head>
<style>
#topshow{position:relative;height:600px}
.topshow-image{
  //position: absolute;
  width:100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  height:600px;
}
.column, .content {
  width: 1000px;
  margin: 0 auto;
}
.index-title {
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 563px;
  background: url("/images/titlebg.png") center no-repeat;
  text-align: center;
}
.index-title h1 {
  height: 75px;
  line-height: 75px;
  margin: 268px 0 3px;
  font-size: 44px;
  font-weight: 600;
  color:#ffffff;
}
.index-title p {
  font-size: 20px;
  color:#ffffff;
}



.btn-plat{
  display: inline-block;
  border: none;
  border-radius: 3px;
  padding: 0;
  background: 0 0;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
}
.btn-hg {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
 .guide-btn {
  width: 180px;
  margin-top: 44px;
   color: #fff;
   background-color: #e95200;
  font-size:16px;
}


.column:after, .content:after {
  clear: both;
}
#descshow{
	height:80px;
	background-color:#f6f6f6;
	font-size:16px;
 }
 #subcribe{
 	width:1000px;
 	margin:auto;
 	padding-top:30px;
 	text-align:center;
 }
 .bigbox{
 	width:1000px;
 	margin:auto;
 	position:relative;
 }




.bigboxtitle{
height:50px; line-height:50px; border-bottom:1px solid #dddddd; text-align:center; font-size:22px; font-weight:bold;margin-top:60px;
}



 .bn_ul{
   margin-top:40px;

 }
 .bn_ul li{
       float:left;
       width:333px;
       height:230px;
       text-align:center;
  }
  .bn_ul li h3{
      line-height:50px;
   }
  .bn_ul li p{
        color:#999999;
        padding-left:50px;
        padding-right:50px;
 }



 .coach_ul{
   margin-top:40px;

 }
 .coach_ul li{
       float:left;
       width:200px;
       height:230px;
       text-align:center;
  }
   .coach_ul li img{
       border-radius:50%;

   }

  .coach_ul li h3{
      line-height:50px;
   }
  .coach_ul li p{
        color:#999999;
        padding-left:20px;
        padding-right:20px;
 }



 .jl_ul{
   margin-top:40px;

 }
 .jl_ul li{
       float:left;
       width:333px;
       height:230px;
       text-align:center;
  }
  .jl_ul li h3{
      line-height:50px;
   }
  .jl_ul li p{
        color:#999999;
        padding-left:50px;
        padding-right:50px;
 }

 

</style>
<body>
 

<div style="height:110px; position:relative;width:1000px;margin:auto">
          <div style="position:absolute; top:10px; left:20px; text-align:center">
              <img src="/images/logos.png">
          </div>
          <div style="position:absolute; top:40px; right:20px;">

            <?php if($member_id=='0'): ?>

             <a href="/index.php/coach/register">
                 <button type="button" id="joinBtn" class="btn btn-primary">教练入驻</button>
              </a>

             <?php else: ?>

             <a href="/index.php/coach/web_dashboard">
                 <button type="button" id="joinBtn" class="btn btn-primary">进入教练中心</button>
              </a>

              <?php endif ?>

          </div>
</div>
  



<div id="full-screen-slider">
  <ul id="slides">

    <li style="background:url('/images/x2.jpg') no-repeat center top; background-size:cover">
         <a href="#"  >moment</a>
         <div style="position:absolute;width:100%;top:250px;text-align:center">
             <img src="/images/x2_w1.png">
         </div> 
         <div style="position:absolute;width:100%;bottom:0px;text-align:center">
             <img src="/images/x2_w2.png">
         </div> 
     </li>
    
    <li style="background:url('/images/x3.jpg') no-repeat center top; background-size:cover">
          <div style="position:absolute;width:100%;top:250px;text-align:center">
             <img src="/images/x3_w1.png">
         </div> 
         <div style="position:absolute;width:100%;bottom:0px;text-align:center">
             <img src="/images/x3_w2.png">
         </div> 
    </li>

    <li style="background:url('/images/x4.jpg')  no-repeat center top; background-size:cover">
          <div style="position:absolute;width:100%;top:250px;text-align:center">
             <img src="/images/x4_w1.png">
         </div> 
         <div style="position:absolute;width:100%;bottom:0px;text-align:center">
             <img src="/images/x4_w2.png">
         </div> 
    </li>


  </ul> 
</div>

<div style="clear:both"></div>

  


<div id="topshow"  style="display:none">
 
    <div class="topshow-image" style="background-image : url(/images/x2.jpg)"></div>

	<div class="column">
			<div class="index-title">
	            <h1>训练日 - 让运动不孤单</h1>
	            <p>快速同城约练，找到好伙伴、好教练</p>
                 <a href="/index.php/register" class="btn-plat btn-hg guide-btn" id="guideBtn">APP即将提供下载</a>

        <img src="/images/regcode.png" style="display:none; position: absolute;width: 100px;margin: 45px;">
			</div>
	</div>

</div>



<div id="descshow" style=" ">
    <div id="subcribe">
            训练日APP即将正式对外开放。
     </div>
</div>


<div class="bigbox">
    <div class="bigboxtitle" style="margin-top:30px;">
         为什么加入训练日
    </div>
     <ul class="bn_ul clearfix">
          <li>
               <div><img src="/images/bn_1.png">
               </div>
               <h3>随时获取学员订单</h3>
               <p>随时获取来自训练日APP、公众号平台的订单，学员信息源源不断</p>
          </li>
          <li>
               <div><img src="/images/bn_2.png">
               </div>
               <h3>在线发布课程</h3>
               <p>可通过专属后台发布自己的课程信息、在线招生、随时管理课时</p>
          </li>
          <li>
               <div><img src="/images/bn_3.png">
               </div>
               <h3>自由接单</h3>
               <p>自由安排课程，自由选择学员，随心所欲</p>
          </li>


          <li>
               <div><img src="/images/bn_4.png">
               </div>
               <h3>精美认证空间</h3>
               <p>可以获得精美的H5/网页等个人空间，方便通过微信qq等进行展示和招生</p>
          </li>
          <li>
               <div><img src="/images/bn_5.png">
               </div>
               <h3>互动空间</h3>
               <p>与学员们进行交流互动,相互提高，还可以约个球、交个朋友</p>
          </li>
          <li>
               <div><img src="/images/bn_6.png">
               </div>
               <h3>成长体系</h3>
               <p>我们为教练量身定做成长体系，为你升级打造</p>
          </li>
       </ul>
</div>


<div class="bigbox" style=" ">
    <div class="bigboxtitle">
         入驻教练
    </div>

    <ul class="coach_ul clearfix">

    <?php
      foreach ($coachlist as $coach){
     ?>
          <li>
               <div><img src="<?=$coach->thumb?>">
               </div>
               <h3><?=$coach->fullname?></h3>
               <p><?=$coach->sname?></p>
          </li>
    <?php
      }
     ?>
     </ul>

</div>

 
	<div id="tail" style="background-color:#dddddd; height:100px;">
         <div style="text-align:right; width:100%; max-width:1000px; margin:auto; padding:20px; font-size:1.1em; line-height:1.8em">
            深圳市悦动时代科技有限公司
            <br>
            联系我们: 0755-83995459 
         </div>
	</div>

</body>

</html>